const tailwindConfig = {
  theme: {
    extends: {
      typography: {
        DEFAULT: {
          css: {
            'h2, h3, h4, h5, ul, ol': {
              'margin-top': '1em',
              'margin-bottom': '0.6em',
            },
            'p, pre, blockquote': {
              'margin-top': '0.6em',
              'margin-bottom': '0.6em',
            },
            li: {
              'margin-top': '0px',
              'margin-bottom': '0px',
            },
            'li > p, li > ul, li > ol ': {
              'margin-top': '0px',
              'margin-bottom': '0px',
            },
            hr: {
              'margin-top': '1em',
              'margin-bottom': '1em',
            },
            img: {
              'margin-top': '0.6em',
              'margin-bottom': '0.6em',
            },
            table: {
              'margin-top': '1em',
              'margin-bottom': '1em',
            },
            'ul>li::marker': {
              color: 'var(--tw-prose-body);',
            },
            'code::before': {
              content: 'none',
            },
            'code::after': {
              content: 'none',
            },
            code: {
              'background-color': 'var(--code-bg-color)',
              color: 'var(--code-color)',
              padding: '0.125em 0.25em',
              margin: '0 0.25em',
              'border-radius': '0.25em',
              'font-weight': 'normal',
            },
          },
        },
      },
    },
  },
};

export default tailwindConfig;
